<template>
  <v-container>
    <v-header slot="header"></v-header>
    <!-- <v-side :side="menuInfo" slot="side"></v-side> -->
    <v-menu :side="menuInfo" slot="side"></v-menu>
    <v-topside slot="topside"></v-topside>
    <div class="page_detail" slot="tableCon" ref="content">
      <keep-alive :include="cache">
        <router-view :key="$route.fullPath" />
      </keep-alive>
    </div>
  </v-container>
</template>

<script>
import container from 'commons/Container'
import header from 'commons/Header'
// import side from "commons/SideNav";
import topside from 'commons/TopSide'
import menu from 'commons/SideMenu'
import { mapGetters } from 'vuex'

export default {
  name: '',
  data() {
    return {
      warehouse: [],
      cache: [],
      isRouterAlive: true
    }
  },
  computed: {
    ...mapGetters(['menuInfo'])
  },
  methods: {},
  mounted() {},
  watch: {
    $route(data, olddata) {}
  },
  components: {
    'v-container': container,
    'v-header': header,
    // "v-side": side,
    'v-topside': topside,
    'v-menu': menu
  }
}
</script>

<style scoped>
.page_detail {
  width: 100%;
  height: calc(100% - 50px);
  background-color: #fff;
  padding: 10px 10px;
  overflow-y: auto;
  /*border-radius: 10px;
  -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961),
    0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961),
    0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961),
    0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0 rgba(0, 0, 0, 0.06);*/
}

.page_detail::-webkit-scrollbar {
  width: 11px;
  height: 11px;
  background: #fff;
  border-radius: 10px;
  /*外层轨道*/
}

.page_detail::-webkit-scrollbar-thumb {
  display: block;
  width: 11px;
  margin: 0 auto;
  border-radius: 10px;
  background: #ccc;
  /*内层轨道*/
}
</style>
